@import url('/assets/cesium/Build/Cesium/Widgets/widgets.css');
*{
    padding: 0px 0px;
    margin: 0px 0px;
}
html,body {
    height: 100%;
    width: 100%;
}
.redcircle {
    position: absolute;
    // margin: 52px 45px;
    width: 12px;
    height: 12px;
    background: #FF0000;
    border-radius: 50%;
    border: 1px solid #FF6347;
  }
  .greencircle {
    position: absolute;
    // margin: 52px 45px;
    width: 12px;
    height: 12px;
    background: #228B22;
    border-radius: 50%;
    border: 1px solid #3CB371;
  }
  
  .greencircle:after {
    content: '';
    margin: 3px;
    display: table;
    width: 6px;
    height: 6px;
    background: #2090ff;
    border-radius: 50%;
  }
.container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    .visual-icon{
        position: fixed;
        height: 20px;
        width: 20px;
        top: 5px;
        left: 5px;
        z-index: 1000;
    }
    .leftbar{
        padding: 60px 0px 0px 0px;
        border-right:1px solid #eeeeee;
        display: flex;
        flex-direction: column;
        height: 100%;
        box-sizing: border-box;
        width: 300px;
        a{
            display:block;
            padding: 10px;
            border-bottom: 1px solid #eeeeee;
            cursor: pointer;
            &:first-child {
                border-top: 1px solid #eeeeee;
            }
            &:hover {
                background-color: #2090ff;
                color: #ffffff;
            }
        }
        .active{
            background-color: #2090ff;
            color: #ffffff;
        }
    }
    .hidden {
        display: none;
    }
    .content{
        display: flex;
        height: 100%;
        width: 100%;
        flex: 1;
        position: relative;
        .cesium-content{
            display: flex;
            height: 100%;
            width: 100%;
            position: relative;
            // top: 0px;
            // left: 0px;
            // bottom: 0px;
            // right: 0px;
            z-index: 1;
        }
    }
}